<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="#" />
	<link rel="stylesheet" type="text/css" href="{{pluResPath}}html/covid19Real/covid19Real.css" />
	<link rel="preload" href="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js" as="script" />
  </head>

  <body>
	<div class="container" id="container">
		<div class="title">
			<div class="area">
				<span>地区：{{areaname}}</span>
				<div class="time">
					<span>更新至 {{time}}</span>
				</div>
			</div>
		</div>

		<div class="all">
			<div class="contentp">
				<div class="item">
					<p>现有确诊</p>
					<p class="itemdown" style="color: #ff6a57">{{nowConfirm}}</p>
				</div>
				<div class="item">
					<p>新增本土</p>
					<p class="itemdown" style="color: #ff6a57">{{confirmtoday}}</p>
				</div>
				<div class="item">
					<p>新增无症状</p>
					<p class="itemdown" style="color: #e86d48">{{wzz}}</p>
				</div>
			</div>
			<div class="contentp">
				<div class="item">
					<p>累计确诊</p>
					<p class="itemdown" style="color: #e83132">{{confirm}}</p>
				</div>
				<div class="item">
					<p>累计治愈</p>
					<p class="itemdown" style="color: #10aeb5">{{heal}}</p>
				</div>
				<div class="item">
					<p>累计死亡</p>
					<p class="itemdown" style="color: #4d5054">{{dead}}</p>
				</div>
			</div>
		</div>

		<div class="data_box">
			<div class="tab_lable">{{chartName1}}</div>
			<div id="chartContainer"></div>
		</div>
		<div class="data_box">
			<div class="tab_lable">{{chartName2}}</div>
			<div id="chartContainer2"></div>
		</div>

		<div class="logo">Created By Yunzai-Bot & suiyue-plugin</div>

	</div>
  </body>
<script type="text/javascript" src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js"></script>
  <script>
	const { Line } = G2Plot;

	const chartData1 = JSON.parse(`{{@ chartData1}}`);

	const Line1 = new Line("chartContainer", {
	  data: chartData1,
      xField: "date",
      yField: "value",
      animation: false,
	  smooth: true,
      padding: [40, 10, 30, 52],
	  color:'rgb(155 11 14)',
      
    });
	Line1.render();


	const chartData2 = JSON.parse(`{{@ chartData2}}`);

	const Line2 = new Line("chartContainer2", {
	  data: chartData2,
      xField: "date",
      yField: "value",
      animation: false,
	  smooth: true,
      padding: [40, 10, 30, 52],
	  color:'#e57631',
      
    });
	Line2.render();
  </script>

</html>